<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en" class="feedback"  style="background: white;">
	<head style="background: white;">
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>添加笔记</title>
		<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="css/feedback.css" />
	</head>
		<style type="text/css">
			.can{
				height: 95px;
				background-color: white;
				border-bottom: 1px solid #EDEDED; 
				padding-top: 36px;
			}
			.can span{
				border: 1px solid #EDEDED;
				display: inherit;
				border-radius: 50px;
				width: 25px;
				height: 25px;
				font-size: 20px;
				text-align: center;
				margin-left: 19px;
				background-color:#EDEDED ;
				color: white;
			}
			.ditu{
				height: 95px;
				background-color: white;
				border-bottom: 1px solid #EDEDED; 
			}
			.ditu p{
				margin-top: -125px;
				margin-left: 25px;
				font-size: 20px;
			}
			.xiangce{
				background-color: white;
			}
			.icons{
				margin-left: 270px;
				margin-top: 20px;
			}
			
			.baochi{
				color: black;
				margin-left: 275px;
				margin-top: -35px;
			}
			.iconn{
				margin-top: 80px;
				margin-left: 20px;
			}
			.cao{
				margin-left: 0px;
				width: 80px;
				margin-top: -10px;
				font-size: 13px;
			}
			.biji{
				border: 1px solid red;
				width: 260px;
				height:55px;
				text-align: center;
				line-height: 32px;
				margin-left: 80px;
				margin-top: -68px;
				border-radius: 30px;
				color: white;
				background-color: #FE2744;
				font-size: 18px;
			}
		</style>
	<body>
		<header class="mui-bar mui-bar-nav">
			
			<button id="submit" class="mui-btn mui-btn-blue mui-btn-link mui-pull-right"><svg t="1566399538008" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13665" width="28" height="35"><path d="M557.25 512l248.91-248.91c12.5-12.49 12.5-32.76 0-45.25-12.5-12.5-32.75-12.5-45.25 0L512 466.75 263.09 217.84c-12.5-12.5-32.75-12.5-45.25 0-12.5 12.49-12.5 32.76 0 45.25L466.75 512 217.84 760.91c-12.5 12.49-12.5 32.76 0 45.25 6.25 6.25 14.44 9.38 22.62 9.38s16.38-3.12 22.62-9.38L512 557.25l248.91 248.91c6.25 6.25 14.44 9.38 22.62 9.38s16.38-3.12 22.62-9.38c12.5-12.49 12.5-32.76 0-45.25L557.25 512z" p-id="13666" fill="#515151"></path></svg></button>
		</header>
		<div class="mui-content">
			<div id='image-list' class="row image-list">
				<svg t="1566436135643" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1415" width="75" height="75"><path d="M861.625866 819.862693l0-58.639538 14.661931 0 0 58.639538L861.625866 819.862693 861.625866 819.862693zM861.625866 731.902362l0-58.639538 14.661931 0L876.287797 731.902362 861.625866 731.902362 861.625866 731.902362zM861.625866 585.302493l14.661931 0 0 58.639538-14.661931 0L861.625866 585.302493 861.625866 585.302493zM861.625866 497.342162l14.661931 0 0 58.639538-14.661931 0L861.625866 497.342162 861.625866 497.342162zM861.625866 409.377738 861.625866 409.377738l14.661931 0 0 58.639538-14.661931 0L861.625866 409.377738 861.625866 409.377738zM861.625866 321.417407l14.661931 0 0 58.639538-14.661931 0L861.625866 321.417407 861.625866 321.417407zM861.625866 233.457076 861.625866 233.457076l14.661931 0 0 58.639538-14.661931 0L861.625866 233.457076 861.625866 233.457076zM861.625866 145.496745l14.661931 0 0 58.639538-14.661931 0L861.625866 145.496745 861.625866 145.496745zM788.323373 145.496745l58.640562 0 0 14.661931-58.640562 0L788.323373 145.496745 788.323373 145.496745zM700.363042 145.496745l58.640562 0 0 14.661931-58.640562 0L700.363042 145.496745 700.363042 145.496745zM612.402711 145.496745l58.640562 0 0 14.661931-58.640562 0L612.402711 145.496745 612.402711 145.496745zM524.44238 145.496745l58.640562 0 0 14.661931-58.640562 0L524.44238 145.496745 524.44238 145.496745zM436.482049 145.496745l58.640562 0 0 14.661931-58.640562 0L436.482049 145.496745 436.482049 145.496745zM348.521718 145.496745l58.640562 0 0 14.661931L348.521718 160.158676 348.521718 145.496745 348.521718 145.496745zM260.557294 145.496745l58.640562 0 0 14.661931-58.640562 0L260.557294 145.496745 260.557294 145.496745zM172.596963 145.496745l58.640562 0 0 14.661931-58.640562 0L172.596963 145.496745 172.596963 145.496745zM172.596963 878.503255 143.277194 878.503255 143.277194 849.183486l14.661931 0 0 14.661931 14.657838 0L172.596963 878.503255 172.596963 878.503255zM143.277194 761.223155l14.661931 0 0 58.639538L143.277194 819.862693 143.277194 761.223155 143.277194 761.223155zM143.277194 673.262824l14.661931 0L157.939125 731.902362 143.277194 731.902362 143.277194 673.262824 143.277194 673.262824zM143.277194 585.302493l14.661931 0 0 58.639538L143.277194 643.942031 143.277194 585.302493 143.277194 585.302493zM143.277194 497.342162l14.661931 0 0 58.639538L143.277194 555.9817 143.277194 497.342162 143.277194 497.342162zM143.277194 409.377738l14.661931 0 0 58.639538L143.277194 468.017276 143.277194 409.377738 143.277194 409.377738zM143.277194 321.417407l14.661931 0 0 58.639538L143.277194 380.056945 143.277194 321.417407 143.277194 321.417407zM143.277194 233.457076 143.277194 233.457076l14.661931 0 0 58.639538L143.277194 292.096614 143.277194 233.457076 143.277194 233.457076zM143.277194 145.496745l14.661931 0 0 58.639538L143.277194 204.136284 143.277194 145.496745 143.277194 145.496745zM260.557294 878.503255l-58.639538 0 0-14.657838 58.639538 0L260.557294 878.503255 260.557294 878.503255zM348.521718 878.503255l-58.639538 0 0-14.657838 58.639538 0L348.521718 878.503255 348.521718 878.503255zM487.791645 365.399107l43.9817 0 0 124.612089 124.612089 0 0 43.9817L531.773346 533.992897l0 124.611066-43.9817 0L487.791645 533.992897 363.18058 533.992897l0-43.9817 124.611066 0L487.791645 365.399107 487.791645 365.399107zM436.482049 878.503255l-58.639538 0 0-14.657838 58.639538 0L436.482049 878.503255 436.482049 878.503255zM524.44238 878.503255 465.802842 878.503255l0-14.657838 58.639538 0L524.44238 878.503255 524.44238 878.503255zM612.402711 878.503255l-58.639538 0 0-14.657838 58.639538 0L612.402711 878.503255 612.402711 878.503255zM700.363042 878.503255l-58.639538 0 0-14.657838 58.639538 0L700.363042 878.503255 700.363042 878.503255zM788.323373 878.503255l-58.639538 0 0-14.657838 58.639538 0L788.323373 878.503255 788.323373 878.503255zM861.625866 849.183486l14.661931 0 0 29.319769-58.639538 0 0-14.657838 43.977607 0L861.625866 849.183486 861.625866 849.183486zM861.625866 849.183486" p-id="1416" fill="#C9C9C9"></path></svg>
			</div>
			<div style="background: white;">
				<input type="text" placeholder="标题有趣会有更过赞哦~"/>
			</div>
			<div class="row mui-input-row" style="border-top: 1px solid #EDEDED;border-bottom: 1px solid #EDEDED;">
				<textarea id='question' class="mui-input-clear question" placeholder="说说此刻的心情..."></textarea>
			</div>
			<div class="can">
				<span>#</span>
				<P style="font-size: 18px;margin-left: 30px;margin-top: -32px;">参与话题</P>
				<p style="margin-left: 195px;margin-top: -42px;font-size: 13px;">选择合适话题会有更多赞~</p>
			</div>
			<div class="ditu">
				<svg t="1566446655121" class="icon" style="margin-left: 15px;margin-top: -48px;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25" width="25" height="200"><path d="M510.869504 943.844352c0 0 331.011072-351.149056 331.011072-532.386816 0-182.496256-148.514816-331.011072-331.011072-331.011072-181.23776 0-328.49408 148.514816-328.49408 331.011072 0 122.084352 149.773312 320.94208 245.426176 436.732928L510.869504 943.844352zM510.869504 299.442176c60.412928 0 109.498368 50.343936 109.498368 112.01536 0 57.895936-49.08544 108.239872-109.498368 108.239872-59.154432 0-110.756864-50.343936-110.756864-108.239872C400.11264 349.786112 451.715072 299.442176 510.869504 299.442176z" p-id="2511" fill="#EDEDED"></path></svg>
				<p>添加地点</p>
			</div>
			<div class="xiangce">
				<svg t="1566478861509" class="icons" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9689" width="19" height="19"><path d="M0 512C0 229.234759 229.234759 0 512 0s512 229.234759 512 512-229.234759 512-512 512S0 794.765241 0 512z m419.310345 194.630621a35.310345 35.310345 0 0 0 49.399172 1.271172l335.518897-311.931586a35.310345 35.310345 0 0 0-48.075035-51.729655l-309.124413 289.544827-145.125518-149.645241a35.310345 35.310345 0 1 0-50.688 49.169655l168.112552 173.320828z" p-id="9690" fill="#F62C41"></path></svg>
				<p class="baochi">保持到相册</p>
				<svg t="1566480513199" class="iconn" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14352" width="25" height="25"><path d="M182.857143 138.971429h724.114286s29.257143 0 51.2 29.257142 7.314286 43.885714 7.314285 43.885715l-438.857143 292.571428-424.228571-270.628571s-14.628571-14.628571-7.314286-43.885714c7.314286-14.628571 21.942857-29.257143 36.571429-43.885715l21.942857-14.628571 29.257143 7.314286z" fill="#F4B1B2" p-id="14353"></path><path d="M526.628571 533.942857c-7.314286 0-7.314286 0-14.628571-7.314286L87.771429 256c-7.314286-7.314286-29.257143-29.257143-21.942858-73.142857 14.628571-21.942857 29.257143-36.571429 43.885715-58.514286l29.257143-21.942857h21.942857l29.257143 7.314286h724.114285c7.314286 0 43.885714 0 73.142857 36.571428s14.628571 65.828571 7.314286 80.457143l-446.171428 292.571429c-14.628571 14.628571-14.628571 14.628571-21.942858 14.628571zM124.342857 212.114286l402.285714 256 416.914286-277.942857s0-7.314286-7.314286-7.314286c-14.628571-14.628571-29.257143-14.628571-29.257142-14.628572H182.857143h-7.314286l-14.628571-7.314285-14.628572 7.314285c-7.314286 7.314286-21.942857 21.942857-29.257143 36.571429 0 0 0 7.314286 7.314286 7.314286z" fill="#D72822" p-id="14354"></path><path d="M899.657143 914.285714H175.542857c-58.514286 0-109.714286-51.2-109.714286-109.714285V219.428571c0-58.514286 51.2-109.714286 109.714286-109.714285h724.114286c58.514286 0 109.714286 51.2 109.714286 109.714285v585.142858c0 58.514286-51.2 109.714286-109.714286 109.714285zM175.542857 168.228571c-29.257143 0-51.2 21.942857-51.2 51.2v585.142858c0 29.257143 21.942857 51.2 51.2 51.2h724.114286c29.257143 0 51.2-21.942857 51.2-51.2V219.428571c0-29.257143-21.942857-51.2-51.2-51.2H175.542857z" fill="#D72822" p-id="14355"></path><path d="M972.8 863.085714c-7.314286 0-14.628571 0-21.942857-7.314285L629.028571 453.485714c-7.314286-7.314286-7.314286-29.257143 7.314286-36.571428 14.628571-7.314286 29.257143-7.314286 36.571429 7.314285l321.828571 394.971429c7.314286 14.628571 7.314286 29.257143-7.314286 36.571429 0 0-7.314286 7.314286-14.628571 7.314285z" fill="#D72822" p-id="14356"></path><path d="M117.028571 863.085714c-7.314286 0-14.628571 0-14.628571-7.314285-14.628571-7.314286-14.628571-29.257143-7.314286-36.571429l299.885715-394.971429c7.314286-14.628571 29.257143-14.628571 36.571428-7.314285 14.628571 7.314286 14.628571 29.257143 7.314286 36.571428l-299.885714 394.971429c-7.314286 7.314286-14.628571 14.628571-21.942858 14.628571z" fill="#D72822" p-id="14357"></path></svg>
				<p class="cao">存草稿</p>
				<p class="biji">发布笔记</p>
			</div>
		</div>
		
	</body>
		<script src="js/mui.min.js"></script>
		<script src="js/feedback.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			
			
		</script>
</html>